<!DOCTYPE html>
<!-- release v4.3.9, copyright 2014 - 2017 Kartik Visweswaran -->
<!--suppress JSUnresolvedLibraryURL -->
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Krajee JQuery Plugins - &copy; Kartik</title>
    <link href="/adminlte/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <link href="../css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../themes/explorer/theme.css" media="all" rel="stylesheet" type="text/css"/>

    <script src="/adminlte/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="/adminlte/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>


    <script src="../js/plugins/sortable.js" type="text/javascript"></script>
    <script src="../js/fileinput.js" type="text/javascript"></script>
    <script src="../js/locales/zh.js" type="text/javascript"></script>
    <script src="../themes/explorer/theme.js" type="text/javascript"></script>

</head>
<body>
<div class="container kv-main">
    <form enctype="multipart/form-data">
        <input id="kv-explorer" type="file" multiple>
    </form>
</div>
</body>
<script>
    $(document).ready(function () {
        $("#kv-explorer").fileinput({
            'language':'zh',
            'theme': 'explorer',
            'uploadUrl': '#',
            'showCancel':false,
            'showClose':false,
            'showCaption':false,
            overwriteInitial: false,
            initialPreviewAsData: true,
            initialPreview: [
                "http://lorempixel.com/1920/1080/nature/1",
                "http://lorempixel.com/1920/1080/nature/2",
                "http://lorempixel.com/1920/1080/nature/3",
            ],
            initialPreviewConfig: [
                {caption: "nature-1.jpg", size: 329892, width: "120px", url: "{$url}", key: 1},
                {caption: "nature-2.jpg", size: 872378, width: "120px", url: "{$url}", key: 2},
                {caption: "nature-3.jpg", size: 632762, width: "120px", url: "{$url}", key: 3},
            ]
        });
    });
</script>
</html>
